<template>
<div class="bh-steps" :class="['bh-steps-' + direction]">
	<slot></slot>
</div>
</template>

<script>
export default {
	name: 'bh-steps',
	props: {
		active: Number,
		finishStatus: {
			type: String,
			default: 'finish'
		},
		direction: {
			type: String,
			default: 'horizontal'
		},
	},
	data() {
		return {
			visible: true,
		}
	},
	methods: {
	},
}
</script>
